<template>
  <div>
    <input type="checkbox" v-model="checked" />
    <h2>{{ checked ? '选中' : '未选中' }}</h2>
    <input type="radio" v-model="checked" value="1" />男性
    <input type="radio" v-model="checked" value="2" />女性
    <button @click.stop="submit">点击提交</button>
  </div>
</template>
<script>
//1.点击选中，选中显示，没有选中隐藏
//2.不点击选中，没有选中显示，选中隐藏
export default {
  name: 'little-Case',
  data() {
    return {
      checked: false,
    }
  },
  methods: {
    submit() {
      console.log(this.checked)
    },
  },
}
</script>
